<link rel="stylesheet" href="{{ 'component-list-menu.css' | asset_url }}" media="print" onload="this.media='all'">
<link rel="stylesheet" href="{{ 'component-search.css' | asset_url }}" media="print" onload="this.media='all'">
<link rel="stylesheet" href="{{ 'component-menu-drawer.css' | asset_url }}" media="print" onload="this.media='all'">
<link rel="stylesheet" href="{{ 'component-cart-notification.css' | asset_url }}" media="print" onload="this.media='all'">
{%- if settings.predictive_search_enabled -%}
<link rel="stylesheet" href="{{ 'component-price.css' | asset_url }}" media="print" onload="this.media='all'">
<link rel="stylesheet" href="{{ 'component-loading-overlay.css' | asset_url }}" media="print" onload="this.media='all'">
{%- endif -%}

<noscript>{{ 'component-list-menu.css' | asset_url | stylesheet_tag }}</noscript>
<noscript>{{ 'component-search.css' | asset_url | stylesheet_tag }}</noscript>
<noscript>{{ 'component-menu-drawer.css' | asset_url | stylesheet_tag }}</noscript>
<noscript>{{ 'component-cart-notification.css' | asset_url | stylesheet_tag }}</noscript>

<style>
  header-drawer {
    justify-self: start;
    margin-left: -1.2rem;
  }

  @media screen and (min-width: 990px) {
    header-drawer {
      display: none;
    }
  }

  .menu-drawer-container {
    display: flex;
  }

  .list-menu {
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .list-menu--inline {
    display: inline-flex;
    flex-wrap: wrap;
  }

  summary.list-menu__item {
    padding-right: 2.7rem;
  }

  .list-menu__item {
    display: flex;
    align-items: center;
    line-height: 1.3;
  }

  .list-menu__item--link {
    text-decoration: none;
    padding-bottom: 1rem;
    padding-top: 1rem;
    line-height: 1.8;
  }

  @media screen and (min-width: 750px) {
    .list-menu__item--link {
      padding-bottom: 0.5rem;
      padding-top: 0.5rem;
    }
  }
</style>

<script src="{{ 'details-disclosure.js' | asset_url }}" defer="defer"></script>
<script src="{{ 'details-modal.js' | asset_url }}" defer="defer"></script>
<script src="{{ 'cart-notification.js' | asset_url }}" defer="defer"></script>

<svg xmlns="http://www.w3.org/2000/svg" class="hidden">
  <symbol id="icon-search" viewbox="0 0 18 19" fill="none">
    <path fill-rule="evenodd" clip-rule="evenodd" d="M11.03 11.68A5.784 5.784 0 112.85 3.5a5.784 5.784 0 018.18 8.18zm.26 1.12a6.78 6.78 0 11.72-.7l5.4 5.4a.5.5 0 11-.71.7l-5.41-5.4z" fill="currentColor"/>
  </symbol>

  <symbol id="icon-close" class="icon icon-close" fill="none" viewBox="0 0 18 17">
    <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor">
      </symbol>
    </svg>
  <{% if section.settings.enable_sticky_header %}sticky-header{% else %}div{% endif %} class="header-wrapper color-{{ section.settings.color_scheme }} gradient{% if section.settings.show_line_separator %} header-wrapper--border-bottom{% endif %}">
    <div class="b-header">
      {% if section.settings.show_ribbon %}
      <div class="ab_bar wow tenways_ribbon">
       <div class="ab-top ab-bg">
        <div class="page-width">                 
         <div class="swiper-father {{ localization.country.iso_code }}" id="localization-forms">
            {%- form 'localization', id: 'FooterCountryForm' -%}
              {% if localization.country.iso_code == 'GB' and localization.country.currency.symbol != blank %}               
                  {% if section.settings.uk_1 != blank %}
                    <div class="swiper myBar eu-swiper">
                      <div class="swiper-wrapper">
                        {% if template.name != 'cart' %} 
                         
 
                          {% if section.settings.bvb != blank %}
                          <div class="swiper-slide bvb" data-swiper-parallax="-600">
                           <span class="eu-bar us_1">{{ section.settings.bvb }}</span>
                         </div> 
                          {% endif %}   

                         <div class="swiper-slide" data-swiper-parallax="-600">
                            <span class="eu_bar flex">{{ section.settings.uk }}</span>
                          </div>

                        {% else %}
                        
                          {% if section.settings.bvb_1 != blank %}
                          <div class="swiper-slide bvb" data-swiper-parallax="-600">
                          <span class="no-link us-bar eu_4">{{ section.settings.bvb_1 }}</span>
                        </div>   
                        {% endif %}  

                          <div class="swiper-slide" data-swiper-parallax="-600">
                            <span class="eu_bar flex">{{ section.settings.uk_1 }}</span>
                          </div> 
                        
                        {% endif %} 
                      </div>  
                    </div> 
                  {% endif %} 
               {% else %}
                  {% if section.settings.eu != blank %}
                    <div class="swiper myBar eu-swiper">
                      <div class="swiper-wrapper">
                        {% if template.name != 'cart' %} 
                          {% if section.settings.bvb != blank %}
                         <div class="swiper-slide bvb" data-swiper-parallax="-600">
                          <span class="eu-bar us_1">{{ section.settings.bvb }}</span>
                        </div> 
                         {% endif %} 

                          <div class="swiper-slide" data-swiper-parallax="-600">
                            <span class="eu_bar flex">{{ section.settings.eu }}</span>
                          </div>

                        {% else %}
                         
                          {% if section.settings.bvb_1 != blank %}
                          <div class="swiper-slide bvb" data-swiper-parallax="-600">
                          <span class="no-link us-bar eu_4">{{ section.settings.bvb_1 }}</span>
                        </div>   
                        {% endif %}  

                          <div class="swiper-slide" data-swiper-parallax="-600">
                            <span class="eu_bar flex">{{ section.settings.eu_1 }}</span>
                          </div> 
                        
                        {% endif %} 
                      </div>  
                    </div> 
                {% endif %}
              {% endif %}  

            {%- endform -%}
          </div>

          {% if section.settings.bvb != blank %}
          <script>
          var swiper = new Swiper(".myBar", {
                speed: 600,
                slidesPerView: 1,
                loop: true,
                autoplay: {
                  delay: 6000,
                  disableOnInteraction: false,
                },
              });
          </script> 
         {% endif %} 

        </div>
      </div>
        <div class="ab-close ab_cs">
          {% render 'icon-close' %}
        </div>
      </div>


      {% endif %}
       <div class="nav-position">   
       <header class="tenways-header header header--{{ section.settings.logo_position }} page-width{% if section.settings.menu != blank %} header--has-menu{% endif %}">
        {%- if section.settings.menu != blank -%}
        <header-drawer data-breakpoint="tablet">
          <details class="menu-drawer-container">
            <summary class="header__icon header__icon--menu header__icon--summary link focus-inset" aria-label="{{ 'sections.header.menu' | t }}">
              <span>
                {% render 'icon-hamburger' %}
                {% render 'icon-back' %}
              </span>
            </summary>
            <div id="menu-drawer" class="menu-drawer motion-reduce" tabindex="-1">
              <div class="menu-drawer__inner-container">
                <div class="menu-drawer__navigation-container">
                  <nav class="menu-drawer__navigation tenways-menu-drawer">
                    <ul class="menu-drawer__menu list-menu" role="list">

                      {%- for link in section.settings.mb_menu.links -%}
                      <li class="li">
                        {%- if link.links != blank -%}
                        <details>
                          <summary class="menu-drawer__menu-item list-menu__item link link--text focus-inset{% if link.child_active %} menu-drawer__menu-item--active{% endif %}">
                            {{ link.title | escape }}
                            {% render 'footer-down' %}
                          </summary>
                          <div id="link-{{ link.title | escape }}" class="tenways-drawer menu-drawer__submenu motion-reduce" tabindex="-1">
                            <div class="menu-drawer__inner-submenu">
                              <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1">
                                {%- for childlink in link.links -%}
                                <li>
                                  {%- if childlink.links == blank -%}
                                  {% for block in section.blocks %}
                                    {%- assign nav_handle = childlink.handle -%}
                                    {%- assign Block_handle = block.settings.handle | strip -%}
                                    {%- assign nav_title = childlink.title | strip -%}
                                    {%- assign nav_name = block.settings.nav_name | strip  -%}
                                    {%- assign nav_name1 = block.settings.nav_name | strip_html  -%}

                                    {%- if  nav_handle == Block_handle and block.settings.image_1 != blank -%}


                                    {%- form 'localization', id: 'FooterCountryForm' -%}
                                      {% if localization.country.currency.symbol contains '$' and localization.country.currency.symbol != blank %}
                                      <a href="{{ block.settings.button_link }}" class="line-hover header__menu-item list-menu__item link link--text focus-inset caption-large{% if childlink.current %} list-menu__item--active{% endif %}"{% if childlink.current %} aria-current="page"{% endif %}>                                                                               
                                      {% else %}
                                     <a href="{{ childlink.url }}" class="line-hover header__menu-item list-menu__item link link--text focus-inset caption-large{% if childlink.current %} list-menu__item--active{% endif %}"{% if childlink.current %} aria-current="page"{% endif %}>                                       
                                    {% endif %}
                                    {%- endform -%}
                                  {% if block.settings.image_2 != blank %}
                                  <div class="tenways_nav">
                                      <img  loading="lazy" src="{{ block.settings.image_2 | img_url: '1500x' }}" width="100" height="100">
                                    </div>
                                  </a>
                                {% endif %}

                                    {%- form 'localization', id: 'FooterCountryForm' -%}
                                      {% if localization.country.currency.symbol contains '$' and localization.country.currency.symbol != blank %}
                                    <a href="{{ block.settings.button_link }}" class="item_a line-hover header__menu-item list-menu__item link link--text focus-inset caption-large{% if childlink.current %} list-menu__item--active{% endif %}"{% if childlink.current %} aria-current="page"{% endif %}>                                         
                                      {% else %}
                                       <a href="{{ childlink.url }}" class="item_a line-hover header__menu-item list-menu__item link link--text focus-inset caption-large{% if childlink.current %} list-menu__item--active{% endif %}"{% if childlink.current %} aria-current="page"{% endif %}>                                   
                                    {% endif %}
                                    {%- endform -%}
                                  {{ nav_name }}
                                    {% if block.settings.des %}
                                      <p class="p">{{ block.settings.des }}</p>
                                    {% endif %}
                                  </a>
                                 
                                          {%- form 'localization', id: 'FooterCountryForm', class: 'localization-form' -%}
                                            <div class="no-js-hidden">
                                              <div class="disclosure">
                                                {% if localization.country.currency.symbol contains '$' and localization.country.currency.symbol != blank %}
                                                {% if block.settings.sale_us != blank %}
                                                <span class="tenways_sale tenways_sale-us tenways_{{ block.settings.sale_us }} us_{{ forloop.index0 }}">{{ block.settings.sale_us }}</span>
                                              {% endif %}
                                               {% elsif localization.country.iso_code == 'DE' %}
                                                {% if block.settings.new_de != blank %}
                                                <span class="tenways_sale sale_{{ forloop.index0 }} tenways_sale-{{ block.settings.new }}">{{ block.settings.new_de }}</span>
                                              {% endif %}
                                                {% else %}
                                                {% if block.settings.new != blank %}
                                                <span class="tenways_sale sale_{{ forloop.index0 }} tenways_sale-{{ block.settings.new }}">{{ block.settings.new }}</span>
                                              {% endif %}
                                               {% endif %}
                                                  
                                              </div>
                                            </div>
                                          {%- endform -%}
                                 
                                  {% endif %}

                                {% endfor %}
                  
                                  {%- else -%}
                                  <details>
                                    <summary class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                      {{ childlink.title | escape }}
                                      {% render 'icon-arrow' %}
                                      {% render 'icon-caret' %}
                                    </summary>
                                    <div id="childlink-{{ childlink.title | escape }}" class="menu-drawer__submenu motion-reduce">
                                      <button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true">
                                        {% render 'icon-arrow' %}
                                        {{ childlink.title | escape }}
                                      </button>
                                      <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1">
                                        {%- for grandchildlink in childlink.links -%}
                                        <li>
                                          <a href="{{ grandchildlink.url }}" class="line-hover menu-drawer__menu-item link link--text list-menu__item focus-inset{% if grandchildlink.current %} menu-drawer__menu-item--active{% endif %}"{% if grandchildlink.current %} aria-current="page"{% endif %}>
                                            {{ grandchildlink.title | escape }}
                                          </a>
                                        </li>
                                        {%- endfor -%}
                                      </ul>
                                    </div>
                                  </details>
                                  {%- endif -%}
                                </li>
                                {%- endfor -%}
                              </ul>
                            </div>
                          </div>
                        </details>
                        {%- else -%}
                        <a href="{{ link.url }}" class="menu-drawer__menu-item list-menu__item link link--text focus-inset{% if link.current %} menu-drawer__menu-item--active{% endif %}"{% if link.current %} aria-current="page"{% endif %}>
                          {{ link.title | escape }}
                        </a>
                        {%- endif -%}
                      </li>
                      {%- endfor -%}
                    </ul>
                  </nav>
                  <div class="menu-drawer__utility-links">
                    {%- if shop.customer_accounts_enabled -%}
                    <a href="{%- if customer -%}{{ routes.account_url }}{%- else -%}{{ routes.account_login_url }}{%- endif -%}" class="menu-drawer__account link focus-inset h5">
                      {% render 'icon-account' %}
                      {%- liquid
                         if customer
                           echo 'customer.account_fallback' | t
                         else
                           echo 'customer.log_in' | t
                         endif
                       -%}
                    </a>
                    {%- endif -%}
                    <div class="transcy-switcher-manual transcy-mobile hidden" style="display:block;padding-left:0px;"></div>
                    <ul class="list list-social list-unstyled" role="list">
                      {%- if settings.social_twitter_link != blank -%}
                      <li class="list-social__item">
                        <a href="{{ settings.social_twitter_link }}" class="list-social__link link">
                          {%- render 'icon-twitter' -%}
                          <span class="visually-hidden">{{ 'general.social.links.twitter' | t }}</span>
                        </a>
                      </li>
                      {%- endif -%}
                      {%- if settings.social_facebook_link != blank -%}
                      <li class="list-social__item">
                        <a href="{{ settings.social_facebook_link }}" class="list-social__link link">
                          {%- render 'icon-facebook' -%}
                          <span class="visually-hidden">{{ 'general.social.links.facebook' | t }}</span>
                        </a>
                      </li>
                      {%- endif -%}
                      {%- if settings.social_pinterest_link != blank -%}
                      <li class="list-social__item">
                        <a href="{{ settings.social_pinterest_link }}" class="list-social__link link">
                          {%- render 'icon-pinterest' -%}
                          <span class="visually-hidden">{{ 'general.social.links.pinterest' | t }}</span>
                        </a>
                      </li>
                      {%- endif -%}
                      {%- if settings.social_instagram_link != blank -%}
                      <li class="list-social__item">
                        <a href="{{ settings.social_instagram_link }}" class="list-social__link link">
                          {%- render 'icon-instagram' -%}
                          <span class="visually-hidden">{{ 'general.social.links.instagram' | t }}</span>
                        </a>
                      </li>
                      {%- endif -%}
                      {%- if settings.social_tiktok_link != blank -%}
                      <li class="list-social__item">
                        <a href="{{ settings.social_tiktok_link }}" class="list-social__link link">
                          {%- render 'icon-tiktok' -%}
                          <span class="visually-hidden">{{ 'general.social.links.tiktok' | t }}</span>
                        </a>
                      </li>
                      {%- endif -%}
                      {%- if settings.social_tumblr_link != blank -%}
                      <li class="list-social__item">
                        <a href="{{ settings.social_tumblr_link }}" class="list-social__link link">
                          {%- render 'icon-tumblr' -%}
                          <span class="visually-hidden">{{ 'general.social.links.tumblr' | t }}</span>
                        </a>
                      </li>
                      {%- endif -%}
                      {%- if settings.social_snapchat_link != blank -%}
                      <li class="list-social__item">
                        <a href="{{ settings.social_snapchat_link }}" class="list-social__link link">
                          {%- render 'icon-snapchat' -%}
                          <span class="visually-hidden">{{ 'general.social.links.snapchat' | t }}</span>
                        </a>
                      </li>
                      {%- endif -%}
                      {%- if settings.social_youtube_link != blank -%}
                      <li class="list-social__item">
                        <a href="{{ settings.social_youtube_link }}" class="list-social__link link">
                          {%- render 'icon-youtube' -%}
                          <span class="visually-hidden">{{ 'general.social.links.youtube' | t }}</span>
                        </a>
                      </li>
                      {%- endif -%}
                      {%- if settings.social_vimeo_link != blank -%}
                      <li class="list-social__item">
                        <a href="{{ settings.social_vimeo_link }}" class="list-social__link link">
                          {%- render 'icon-vimeo' -%}
                          <span class="visually-hidden">{{ 'general.social.links.vimeo' | t }}</span>
                        </a>
                      </li>
                      {%- endif -%}
                    </ul>
                  </div>
                </div>
              </div>
            </div>
          </details>
        </header-drawer>
        {%- endif -%}

        {%- if section.settings.logo_position == 'top-center' or section.settings.menu == blank -%}
        <details-modal class="header__search">
          <details>
            <summary class="header__icon header__icon--search header__icon--summary link focus-inset modal__toggle" aria-haspopup="dialog" aria-label="{{ 'general.search.search' | t }}">
              <span>
                <svg class="modal__toggle-open icon icon-search" aria-hidden="true" focusable="false" role="presentation">
                  <use href="#icon-search">
                    </svg>
                  <svg class="modal__toggle-close icon icon-close" aria-hidden="true" focusable="false" role="presentation">
                    <use href="#icon-close">
                      </svg>
                    </span>
                  </summary>
                <div class="search-modal modal__content" role="dialog" aria-modal="true" aria-label="{{ 'general.search.search' | t }}">
                  <div class="modal-overlay"></div>
                  <div class="search-modal__content" tabindex="-1">
                    {%- if settings.predictive_search_enabled -%}
                    <predictive-search class="search-modal__form" data-loading-text="{{ 'accessibility.loading' | t }}">
                      {%- endif -%}
                      <form action="{{ routes.search_url }}" method="get" role="search" class="search search-modal__form">
                        <div class="field">
                          <input class="search__input field__input" 
                                 id="Search-In-Modal-1"
                                 type="search"
                                 name="q"
                                 value=""
                                 placeholder="{{ 'general.search.search' | t }}"
                                 {%- if settings.predictive_search_enabled -%}
                                 role="combobox"
                                 aria-expanded="false"
                                 aria-owns="predictive-search-results-list"
                                 aria-controls="predictive-search-results-list"
                                 aria-haspopup="listbox"
                                 aria-autocomplete="list"
                                 autocorrect="off"
                                 autocomplete="off"
                                 autocapitalize="off"
                                 spellcheck="false" 
                                 {%- endif -%}
                                 >
                          <label class="field__label" for="Search-In-Modal-1">{{ 'general.search.search' | t }}</label>
                          <input type="hidden" name="options[prefix]" value="last">
                          <button class="search__button field__button" aria-label="{{ 'general.search.search' | t }}">
                            <svg class="icon icon-search" aria-hidden="true" focusable="false" role="presentation">
                              <use href="#icon-search">
                                </svg>
                              </button> 
                            </div>

                          {%- if settings.predictive_search_enabled -%}
                          <div class="predictive-search predictive-search--header" tabindex="-1" data-predictive-search>
                            <div class="predictive-search__loading-state">
                              <svg aria-hidden="true" focusable="false" role="presentation" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
                                <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
                              </svg>
                            </div>
                          </div>

                          <span class="predictive-search-status visually-hidden" role="status" aria-hidden="true"></span>
                          {%- endif -%}
                          </form>
                        {%- if settings.predictive_search_enabled -%}
                        </predictive-search>
                      {%- endif -%} 
                      <button type="button" class="modal__close-button link link--text focus-inset" aria-label="{{ 'accessibility.close' | t }}">
                        <svg class="icon icon-close" aria-hidden="true" focusable="false" role="presentation">
                          <use href="#icon-close">
                            </svg>
                          </button>
                        </div>
                      </div>
                    </detai.ls>
                  </details-modal>
                {%- endif -%}

                {%- if request.page_type == 'index' -%}
                <h1 class="header__heading">
                  {%- endif -%}
                  <a href="{{ routes.root_url }}" class="header__heading-link link link--text focus-inset">
                    {%- if section.settings.logo != blank -%}

                   <span class="icon-chr"> {{ section.settings.logo }}</span>
                    {%- else -%}
                    <span class="h2">{{ shop.name }}</span>
                    {%- endif -%}
                  </a>
                  {%- if request.page_type == 'index' -%}
                </h1>
                {%- endif -%}

                {%- if section.settings.menu != blank -%}
                <nav class="header__inline-menu">
                  <ul class="list-menu list-menu--inline" role="list">
                    {%- for link in section.settings.menu.links -%}
                    <li>
                      {%- if link.links != blank -%}
                    
                          <details-disclosure>
                            <details class="tenways-open">
                          <summary class="header__menu-item list-menu__item link focus-inset">
                            <span {%- if link.child_active %} class="header__active-menu-item"{% endif %}>{{ link.title | escape }}</span>
                           {% render 'icon-caret' %}
                          </summary>
                          <div class="second_nav">
                            <div class="S_li">
                              <div class="page-width">
                                <ul class="header__submenu list-menu list-menu--disclosure caption-large motion-reduce" role="list" tabindex="1">
                                  {%- for childlink in link.links -%}
                                  <li class="{{ link.title  }}">
                                    {%- if childlink.links == blank -%}
                                      {% for block in section.blocks %}
                                        {%- assign nav_handle = childlink.handle -%}
                                        {%- assign Block_handle = block.settings.handle | strip -%}
                                        {%- assign nav_title = childlink.title | strip -%}
                                        {%- assign nav_name = block.settings.nav_name | strip  -%}
                                        {%- assign nav_name1 = block.settings.nav_name | strip_html  -%}
    
                                        {%- if  nav_handle == Block_handle and block.settings.image_1 != blank -%}
    
    
                                          {%- form 'localization', id: 'FooterCountryForm' -%}
                                            {% if localization.country.currency.symbol contains '$' and localization.country.currency.symbol != blank %}
                                             <a href="{{ block.settings.button_link }}" class="line-hover header__menu-item list-menu__item link link--text focus-inset caption-large{% if childlink.current %} list-menu__item--active{% endif %}"{% if childlink.current %} aria-current="page"{% endif %}>                                           
                                            {% else %}
                                            <a href="{{ childlink.url }}" class="line-hover header__menu-item list-menu__item link link--text focus-inset caption-large{% if childlink.current %} list-menu__item--active{% endif %}"{% if childlink.current %} aria-current="page"{% endif %}>                                          
                                          {% endif %}
                                          {%- endform -%}

                                         <div class="tenways_nav">
                                            <img loading="lazy" src="{{ block.settings.image_1 | img_url: '3840x' }} 3840w" width="300" height="200">
                                          </div>
                                        </a>
                                          {%- form 'localization', id: 'FooterCountryForm' -%}
                                            {% if localization.country.currency.symbol contains '$' and localization.country.currency.symbol != blank %}
                                            <a href="{{ block.settings.button_link }}" class="item_a line-hover header__menu-item list-menu__item link link--text focus-inset caption-large{% if childlink.current %} list-menu__item--active{% endif %}"{% if childlink.current %} aria-current="page"{% endif %}>                                        
                                            {% else %}
                                             <a href="{{ childlink.url }}" class="item_a line-hover header__menu-item list-menu__item link link--text focus-inset caption-large{% if childlink.current %} list-menu__item--active{% endif %}"{% if childlink.current %} aria-current="page"{% endif %}>                                    
                                          {% endif %}
                                          {%- endform -%}
                                        {{ nav_name }}
                                        </a>

                                          {%- form 'localization', id: 'FooterCountryForm', class: 'localization-form' -%}
                                            <div class="no-js-hidden">
                                              <div class="disclosure">
                                                {% if localization.country.currency.symbol contains '$' and localization.country.currency.symbol != blank %}
                                                {% if block.settings.sale_us != blank %}
                                                <span class="tenways_sale tenways_sale-us tenways_{{ block.settings.sale_us }} us_{{ forloop.index0 }}">{{ block.settings.sale_us }}</span>
                                              {% endif %}
                                                  {% elsif localization.country.iso_code == 'DE' %}
                                                {% if block.settings.new_de != blank %}
                                                <span class="tenways_sale sale_{{ forloop.index0 }} tenways_sale-{{ block.settings.new }}">{{ block.settings.new_de }}</span>
                                              {% endif %}
                                                {% else %}
                                                {% if block.settings.new != blank %}
                                                <span class="tenways_sale sale_{{ forloop.index0 }} tenways_sale-{{ block.settings.new }}">{{ block.settings.new }}</span>
                                              {% endif %}
                                               {% endif %}
                                                  
                                              </div>
                                            </div>
                                          {%- endform -%}

                                        {% endif %}
    
                                      {% endfor %}
    
                                    {%- else -%}
                                    <details>
                                      <summary class="header__menu-item link link--text list-menu__item focus-inset caption-large">
                                        {{ childlink.title | escape }}
                                        {% render 'icon-caret' %}
                                      </summary>
                                      <ul class="header__submenu list-menu motion-reduce">
                                        {%- for grandchildlink in childlink.links -%}
                                        <li>
                                          <a href="{{ grandchildlink.url }}" class="line-hover header__menu-item list-menu__item link link--text focus-inset caption-large{% if grandchildlink.current %} list-menu__item--active{% endif %}"{% if grandchildlink.current %} aria-current="page"{% endif %}>                                       
                                            {{ grandchildlink.title | escape }}
                                          </a>
                                        </li>
                                        {%- endfor -%}
                                      </ul>
                                    </details>
                                    {%- endif -%}
                                  </li>
                                  {%- endfor -%}
                                </ul>
                               </div>
                            </div>
                           </div>
                          </details>
                        </details-disclosure>
                    
                        {%- else -%}
                        <a href="{{ link.url }}" class="line-hover header__menu-item header__menu-item list-menu__item link link--text focus-inset"{% if link.current %} aria-current="page"{% endif %}>
                          <span {%- if link.current %} class="header__active-menu-item"{% endif %}>{{ link.title | escape }}</span>
                 </a>
                          {%- endif -%}
                          </li>
                        {%- endfor -%}
                        </ul>
                    </nav>
                  {%- endif -%}


                  <div class="header__icons">
                    {%- for link in section.settings.right_menu.links -%}     
                      <div class="li_w li li_a li-hidden">
                        <a href="{{ link.url }}" class="line-hover header__menu-item{% if link.active %} list-menu__item--active{% endif %}">
                          <span>{{ link.title }}</span>
                        </a>
                      </div>   
                    {%- endfor -%}    

                    <div class="li_s li li_a li-hidden">
                      {%- if shop.customer_accounts_enabled -%}
                      <a href="{%- if customer -%}{{ routes.account_url }}{%- else -%}{{ routes.account_login_url }}{%- endif -%}" class="line-hover header_a header__icon--account link link--text focus-inset{% if section.settings.menu != blank %} small-hide{% endif %}">

                        <span>{{ section.settings.my_account }}</span>
                        <span class="visually-hidden">
                          {%- liquid
              if customer
                echo 'customer.account_fallback' | t
              else
                echo 'customer.log_in' | t
              endif
            -%}
                        </span>
                      </a>
                      {%- endif -%}
                    </div>
                   

                    <div class="li_s li li_a">
                      <a href="{{ routes.cart_url }}" class="header__icon header__icon--cart link link--text focus-inset" id="cart-icon-bubble">
                        {%- liquid
                          if cart == empty
                            render 'icon-cart-empty'
                          else
                            render 'icon-cart'
                          endif
                        -%}
                        <span class="visually-hidden">{{ 'templates.cart.cart' | t }}</span>
                        {%- if cart != empty -%}
                          <div class="cart-count-bubble">
                            {%- if cart.item_count < 100 -%}
                              <span aria-hidden="true">{{ cart.item_count }}</span>
                            {%- endif -%}
                            <span class="visually-hidden">{{ 'sections.header.cart_count' | t: count: cart.item_count }}</span>
                          </div>
                        {%- endif -%}
                      </a>
                    </div>

                  </div>


         </header>
        </div>  
                </div>
              </{% if section.settings.enable_sticky_header %}sticky-header{% else %}div{% endif %}>

            {%- render 'cart-notification', color_scheme: section.settings.color_scheme -%}

            {% javascript %}
            class StickyHeader extends HTMLElement {
            constructor() {
            super();
            }

            connectedCallback() {
            this.header = document.getElementById('shopify-section-header');
            this.headerBounds = {};
            this.currentScrollTop = 0;
            this.indexTop = 116;
            this.preventReveal = false;

            this.onScrollHandler = this.onScroll.bind(this);
            this.hideHeaderOnScrollUp = () => this.preventReveal = true;

            this.addEventListener('preventHeaderReveal', this.hideHeaderOnScrollUp);
            window.addEventListener('scroll', this.onScrollHandler, false);

            this.createObserver();
            }

            disconnectedCallback() {
            this.removeEventListener('preventHeaderReveal', this.hideHeaderOnScrollUp);
            window.removeEventListener('scroll', this.onScrollHandler);
            }

            createObserver() {
            let observer = new IntersectionObserver((entries, observer) => {
            this.headerBounds = entries[0].intersectionRect;
            observer.disconnect();
            });

            observer.observe(this.header);
            }

            onScroll() {
            const scrollTop = window.pageYOffset || document.documentElement.scrollTop;

            if (scrollTop > this.indexTop && scrollTop > this.headerBounds.bottom) {

            requestAnimationFrame(this.hide.bind(this));
            } else if (scrollTop < this.currentScrollTop && scrollTop > this.headerBounds.bottom) {
            if (!this.preventReveal) {
            requestAnimationFrame(this.reveal.bind(this));
            } else {
            window.clearTimeout(this.isScrolling);

            this.isScrolling = setTimeout(() => {
            this.preventReveal = false;
            }, 66);

            requestAnimationFrame(this.hide.bind(this));
            }
            } else if (scrollTop <= this.headerBounds.top) {
            requestAnimationFrame(this.reset.bind(this));
                   }

                   this.currentScrollTop = scrollTop;
                  }

                  hide() {
                  this.header.classList.add('shopify-section-header-hidden', 'shopify-section-header-sticky');
                  this.closeMenuDisclosure();
                  }

                  reveal() {
                  this.header.classList.add('shopify-section-header-sticky', 'animate');
                  this.header.classList.remove('shopify-section-header-hidden');
                  }

                  reset() {
                  this.header.classList.remove('shopify-section-header-hidden', 'shopify-section-header-sticky', 'animate');
                  }

                  closeMenuDisclosure() {
                  this.disclosures = this.disclosures || this.header.querySelectorAll('details-disclosure');
                  this.disclosures.forEach(disclosure => disclosure.close());
                                                        
            }

            }

            customElements.define('sticky-header', StickyHeader);
            {% endjavascript %}

            <script type="application/ld+json">
  {
    "@context": "http://schema.org",
    "@type": "Organization",
    "name": {{ shop.name | json }},
    {% if section.settings.logo %}
      {% assign image_size = section.settings.logo.width | append: 'x' %}
      "logo": {{ section.settings.logo | img_url: image_size | prepend: "https:" | json }},
    {% endif %}
    "sameAs": [
      {{ settings.social_twitter_link | json }},
      {{ settings.social_facebook_link | json }},
      {{ settings.social_pinterest_link | json }},
      {{ settings.social_instagram_link | json }},
      {{ settings.social_tiktok_link | json }},
      {{ settings.social_tumblr_link | json }},
      {{ settings.social_snapchat_link | json }},
      {{ settings.social_youtube_link | json }},
      {{ settings.social_vimeo_link | json }}
    ],
    "url": {{ shop.url | append: page.url | json }}
  }
            </script>

            {%- if request.page_type == 'index' -%}
            {% assign potential_action_target = shop.url | append: routes.search_url | append: "?q={search_term_string}" %}
            <script type="application/ld+json">
    {
      "@context": "http://schema.org",
      "@type": "WebSite",
      "name": {{ shop.name | json }},
      "potentialAction": {
        "@type": "SearchAction",
        "target": {{ potential_action_target | json }},
        "query-input": "required name=search_term_string"
      },
      "url": {{ shop.url | append: page.url | json }}
    }
            </script>
            {%- endif -%}

            {% schema %}
            {
            "name": "t:sections.header.name",
            "settings": [
            {
              "type": "checkbox",
              "id": "show_ribbon",
              "default": false,
              "label": "Show ribbon"
            },
            {
              "type": "checkbox",
              "id": "second_image",
              "default": true,
              "label": "Show second image on hover"
            },
           {
            "type": "richtext",
            "id": "bvb",
            "label": "bvb link"
            },
            {
            "type": "richtext",
            "id": "bvb_1",
            "label": "bvb no link"
            },
            {
            "type": "richtext",
            "id": "uk",
            "label": "uk"
            },
            {
            "type": "richtext",
            "id": "uk_1",
            "label": "uk link"
            },
            {
            "type": "richtext",
            "id": "eu",
            "label": "EU"
            },
            {
            "type": "richtext",
            "id": "eu_1",
            "label": "EU link"
            },
            {
            "type": "text",
            "id": "time",
            "label": "Time"
            },
            {
            "type": "select",
            "id": "color_scheme",
            "options": [
            {
            "value": "accent-1",
            "label": "t:sections.header.settings.color_scheme.options__1.label"
            },
            {
            "value": "accent-2",
            "label": "t:sections.header.settings.color_scheme.options__2.label"
            },
            {
            "value": "background-1",
            "label": "t:sections.header.settings.color_scheme.options__3.label"
            },
            {
            "value": "background-2",
            "label": "t:sections.header.settings.color_scheme.options__4.label"
            },
            {
            "value": "inverse",
            "label": "t:sections.header.settings.color_scheme.options__5.label"
            }
            ],
            "default": "background-1",
            "label": "t:sections.header.settings.color_scheme.label"
            },
            {
            "type": "html",
            "id": "logo",
            "label": "html"
            },
            {
            "type": "range",
            "id": "logo_width",
            "min": 50,
            "max": 250,
            "step": 10,
            "default": 100,
            "unit": "t:sections.header.settings.logo_width.unit",
            "label": "t:sections.header.settings.logo_width.label"
            },
            {
            "type": "select",
            "id": "logo_position",
            "options": [
            {
            "value": "middle-left",
            "label": "t:sections.header.settings.logo_position.options__1.label"
            },
            {
            "value": "top-left",
            "label": "t:sections.header.settings.logo_position.options__2.label"
            },
            {
            "value": "top-center",
            "label": "t:sections.header.settings.logo_position.options__3.label"
            }
            ],
            "default": "middle-left",
            "label": "t:sections.header.settings.logo_position.label"
            },
            {
            "type": "link_list",
            "id": "menu",
            "default": "main-menu",
            "label": "t:sections.header.settings.menu.label"
            },
            {
              "type": "link_list",
              "id": "mb_menu",
              "label": "Mb Menu"
            },
             {
              "type": "link_list",
              "id": "right_menu",
              "label": "Right Menu"
            },
            {
              "type": "text",
              "id": "my_account",
              "default": "My Account",
              "label": "My Account"
              },
            {
            "type": "text",
            "id": "order_now",
            "default": "Order now",
            "label": "Order now"
            },
            {
            "type": "url",
            "id": "button_link",
            "label": "button_link"
            },
            {
            "type": "checkbox",
            "id": "show_order_now",
            "default": true,
            "label": "Show order now"
            },
            {
            "type": "checkbox",
            "id": "show_line_separator",
            "default": true,
            "label": "t:sections.header.settings.show_line_separator.label"
            },
            {
            "type": "checkbox",
            "id": "enable_sticky_header",
            "default": true,
            "label": "t:sections.header.settings.enable_sticky_header.label",
            "info": "t:sections.header.settings.enable_sticky_header.info"
            }
            ],
            "blocks": [
            {
              "type": "menu-image",
              "name": "menu image",
              "settings": [
                 {
                  "type": "text",
                  "id": "handle",
                  "label": "Forbidden modify handle"
                },
                 {
                  "type": "richtext",
                  "id": "nav_name",
                  "label": "nav name"
                },
                 {
                  "type": "image_picker",
                  "id": "image_1",
                  "label": "Image_1"
                },
                {
                  "type": "image_picker",
                  "id": "image_2",
                  "label": "Image_2"
                },
               {
                 "type": "text",
                  "id": "des",
                  "label": "Des"
              },
              {
                "type": "text",
                 "id": "new_de",
                 "label": "New de"
             },
              {
                "type": "text",
                 "id": "new",
                 "label": "New"
             },
             {
              "type": "text",
               "id": "sale_us",
               "label": "sale us"
           },
           {
            "type": "url",
            "id": "button_link",
            "label": "Button link"
            }
              ]
            }
          ]
            }
            {% endschema %}
